<template>
  <div id="app">
    <div class="dd">
      {{msg}}
      <el-input v-model="msg"></el-input>
    </div>
    <el-button @click.native="gogogo" type="primary">首页</el-button>
    <el-button @click.native="startHacking" >Click</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: 'Use Vue 2.0 Today!'
    }
  },
  methods: {
    startHacking() {
      this.$notify({
        title: 'It Works',
        message:
          "We have laid the groundwork for you. Now it's your time to build something epic!",
        duration: 6000
      })
    },
    gogogo() {
      location.assign('../index.html')
    }
  }
}
</script>

<style lang="postcss">
body {
  background-color: #f5f5f5;
}
:root h1 {
  --color: red;
  display: flex;
  color: var(--color);
}
</style>
